HOME | DD
Iawrence β Custom Notification Pop-Up [Code/Tutorial]
![Custom Notification Pop-Up [Code/Tutorial]](https://skunkyart.darlopvil-hub.online/media/file/ed30a86b8c4ca887773594c2/f/cbf7fd58-3e5d-4b50-9242-52e1d6fab57b/dcgejis-2648ef5c-e5a0-437f-aad1-989153142c44.png/v1/fit/w_322,h_90/custom_notification_pop_up_code_tutorial__by_iawrence_dcgejis.png?filename=custom_notification_pop_up_code_tutorial__by_iawrence_dcgejis.png&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9OTAiLCJwYXRoIjoiL2YvY2JmN2ZkNTgtM2U1ZC00YjUwLTkyNDItNTJlMWQ2ZmFiNTdiL2RjZ2VqaXMtMjY0OGVmNWMtZTVhMC00MzdmLWFhZDEtOTg5MTUzMTQyYzQ0LnBuZyIsIndpZHRoIjoiPD0zMjIifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.SPhCkRYNHgVYwvoFQC65wV01UAzGxwS8AwleT78lxpA)
#code #core #customization #free #ftu #page #popup #widget #f2u #decoration #pagedecoration
Published: 2018-07-06 03:58:53 +0000 UTC; Views: 44680; Favourites: 1626; Downloads: 27
Redirect to original
Description
Ah, reminiscent of ye olde page buddies, if anyone remembers.
The idea isn't mine; I just pulled the code and made it work how I wanted.
DEFAULT:
<div align="left"><div class="hub-notifications"><div class="hub-notification"><div class="contents"><div align="center">TEXT</div></div></div></div></div></div>
TRANSPARENT:
<div align="left"><div class="hub-notifications"><div class="contents"><div align="center"><img src="DIRECT IMAGE URL">TEXT</div></div></div></div></div></div>
Be my guest! Copy + paste the above code at the end of any custom box and edit to your liking.
Yes. This code doesn't work for non-core members, I'm sorry. It is also only viewable to those with live notifications turned on.
Feel free to leave a comment describing your problem, and I will do my best to get back with you.
Don't like the default? CosmicStardustTea has a version with colors! Check it: Custom Notification Pop-Up with COLORS!
Changelog:
11/10/18 - Added transparent code due to popular demand
12/26/18 - Changed the preview image because the old one was sloppy
--> fav.me/dcnxms8 <--
Related content
Comments: 201
Hey lawrence , does this supposed to work on all browsers? Because I noticed it does not work on Opera >.<
π: 0 β©: 0
Still using this code on my page and customized it for a menu system.
π: 0 β©: 1
it works for me so thank you lots 
π: 0 β©: 1
I like what you did on your profile page. LOL
π: 0 β©: 1
isΒ there one for importing an image/ transparent gif you can use?
π: 0 β©: 1
Absolutely! You can use <img src="DIRECT IMAGE URL"> with the transparent code.
π: 0 β©: 0
BLESS YOU. YOU'RE AWESOME.
π: 0 β©: 0
aa is there any way to change the colorof the text? i'm using the transparent code with an image and text and the text is hard to see since the light grey is hard to differentiate from the light colors on my page :")
π: 0 β©: 1
Yeah! You can use colors such as these [Colored Text (Custom box) - More colors ] just as you would in a normal custom box.
π: 0 β©: 1
oh, was looking for it and found, nice 
π: 0 β©: 1
Whoops, just now seeing this! Will fix asap. Thanks for catching that!
π: 0 β©: 0
I am so glad this is here. Thanks for making it!Β
π: 0 β©: 0
I am trying to use it in a custom box on my profile but it is not showing up. Could you help me? Please?
π: 0 β©: 2
Checked your profile, and it shows up just fine for me. Are you able to see it at all?
π: 0 β©: 1
no I cannot see it can you show me a screenshot? please?
π: 0 β©: 1
Sorry about the late response. Here ya go:
i.imgur.com/btL8ZsF.png
π: 0 β©: 1
Ohhhhhhhhh okay I see it now and you can go an check I sure wish I could put a slightly transparent screen to where people can read what I said. (Could you help me with learning how to do that? Please?)
π: 0 β©: 1
Yep, it's still there. Do you mean the default live notification background?
π: 0 β©: 1
Β Yeah something where others can read what I wrote. A slightly dark Transparent Background for that info box code.
π: 0 β©: 1
Alright
Then you're gonna want to use the default code, not the transparent one.
π: 0 β©: 1
Where can I get that one?
π: 0 β©: 1
It's the first code listed here, in the description.
π: 0 β©: 1
Of course! Can you give me a little more detail about where you're placing the code and what the pop up looks like, if it shows up at all?
π: 0 β©: 1
I placed it in a custom section premium members can use and no I cannot see it at all
π: 0 β©: 0
hi hi!! i have this issue that whenever i paste the code it appears normally for me as a hub notif but for anyone else/when logged out it just ends up inside the custom box,,,
i have no idea whatsoever what may cause that...
π: 0 β©: 2
Hey there! Yeah, that's because it only works for Core members that have live notifications turned on.
π: 0 β©: 0
its because notifications only work for core members , when you're logged out obviouslly ur not a core member so oof
π: 0 β©: 1
o o f s
makes sense, thank you!
π: 0 β©: 0
You're very welcome! Glad you found it!
π: 0 β©: 0
Thanks, friend! I appreciate the comment. <3
π: 0 β©: 1
Thank youΒ so much for this!
π: 0 β©: 1
WOW this is really great! Thank you! I had to ask a friend with it where it is from. This really should be more visible! Sadly with Eclipse it will not work anymore but for now I LOVE IT!!
π: 0 β©: 1
Mmm, I agree. But I'll continue to manage the code for as long as it works.
Thanks!
π: 0 β©: 0
The image isn't showing up for me. Like it's just the link that appears in the corner, I have no idea what's going on.... I'm trying to use thisΒ www.furaffinity.net/view/30505β¦
π: 0 β©: 1
Try this one in place of it: d.facdn.net/art/moxitoxis/1550β¦
π: 0 β©: 1
1 | Next =>